<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vision Engager by Enable</title>
<link type="text/css" rel="stylesheet" href="jsp/css/screen.css" />
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="jsp/css/ipad.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="jsp/css/iphone.css" type="text/css" />
<script type="text/javascript" src="jsp/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jsp/js/modernizr.js"></script>
<script type="text/javascript">
	$(document).ready(function()
	{
		// Acciones al cargar la página
		$("#usernameInput").val("");
		$("#usernameInput").focus();
		$("#passwordInput").val("");
		$("#welcome .error").delay(2000).slideUp("slow");
		// Callbacks para el campo de Nombre de Usuario
		$("#usernameInput").focusin(function()
		{
			$("#login label[for=usernameInput]").css("color","#666666");
			
		});
		$("#usernameInput").keyup(function()
		{
			if($("#usernameInput").val() == "")
			{
				$("#login label[for=usernameInput]").css("color","#333333");
				$("#login label[for=usernameInput]").css("display","block");
				$("#usernameInput").css("color","#FFFFFF");
			}
			else
			{
				$("#login label[for=usernameInput]").css("display","none");
				$("#usernameInput").css("color","#333333");
			}
		});
		// Callbacks para el campo de Contraseña
		$("#passwordInput").focusin(function()
		{
			$("#login label[for=passwordInput]").css("color","#666666");
			
		});
		$("#passwordInput").keyup(function()
		{
			if($("#passwordInput").val() == "")
			{
				$("#login label[for=passwordInput]").css("color","#333333");
				$("#login label[for=passwordInput]").css("display","block");
				$("#passwordInput").css("color","#FFFFFF");
			}
			else
			{
				$("#login label[for=passwordInput]").css("display","none");
				$("#passwordInput").css("color","#333333");
			}
		});
	});
</script>
</head>
<body class="no-js" id="welcome">
<div id="header">
</div>
<div id="gridwrapper">
 <div id="welcomewrapper">
  <div id="welcomelogin" class="rounded16 shadowed">
  	<h3>Bienvenido</h3>
    <p>Ingrese sus datos de usuario para iniciar sesión.</p>
    <!--
    <span class="error">La combinaci�n de nombre de usuario y contrase�a dados fueron incorrectos.</span>
    !-->
    <form action="main.jsp" method="get" id="login">
        <label for="usernameInput">Usuario</label>
        <input type="text" name="user" id="usernameInput" maxlength="35" />
        <label for="passwordInput">Contraseña</label>
        <input type="password" name="pwd" id="passwordInput" maxlength="25" />
        <input type="submit" name="submit" id="submitButton" value="Entrar"  class="rounded8 shadowed" />
    </form>
  </div>
 </div>
</div>
<div id="footer">
<div class="logo"><fmt:message key="login.title.owner" /></div>
<span class="copyright">&copy;2011 <fmt:message key="login.title.owner" /> Todos los derechos reservados.</span>
</div>
</body>
</html>